<mjml>
  <mj-head>
	<!-- CSS-STYLE -->
	<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height: 1.4em;}
	</mj-style>
  </mj-head>
  <!-- BODY -->
  <mj-body background-color="#d0d0d0">
	<mj-section padding-top="40px" background-color="#ffffff">
	  <mj-column>
		<mj-text font-size="11px" align="center">
		  <p>
			<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span>⁠⁠⁠⁠⁠⁠⁠</span>
		  </p>
		</mj-text>
		<mj-spacer>
		</mj-spacer>
		<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px" padding-top="0px">
		</mj-image>
	  </mj-column>
	</mj-section>
	<mj-section background-color="#ffffff">
	  <mj-column>
		<mj-text font-size="24px" align="center" font-weight="700">
		  <p>Start customizing your email
		  </p>
		</mj-text>
		<mj-spacer align="center">
		</mj-spacer>
		<mj-text font-size="16px" align="center">
		  <p>Design a standout email by strategically placing content blocks in key areas. Test different layouts to maximize reader engagement and conversion.
		  </p>
		  <p>
			<br data-cke-filler="true"/>
		  </p>
		  <p>Adjust colors, fonts, and spacing to align with your brand and enhance visual appeal.
		  </p>
		</mj-text>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	</mj-section>
	<mj-section background-color="#f4f4f4">
	  <mj-column>
		<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
		</mj-image>
		<mj-text font-size="14px" align="center">
		  <p>Showcase your best sellers here.
		  </p>
		</mj-text>
		<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
		</mj-button>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	  <mj-column>
		<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
		</mj-image>
		<mj-text font-size="14px" align="center">
		  <p>Showcase your best sellers here.
		  </p>
		</mj-text>
		<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
		</mj-button>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	  <mj-column>
		<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
		</mj-image>
		<mj-text font-size="14px" align="center">
		  <p>Showcase your best sellers here.
		  </p>
		</mj-text>
		<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
		</mj-button>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	</mj-section>
	<mj-section background-color="#ffffff">
	  <mj-column>
		<mj-text font-size="16px" align="center">
		  <p>Design a standout email by strategically placing content blocks in key areas. Test different layouts to maximize reader engagement and conversion.
		  </p>
		  <p>
			<br data-cke-filler="true"/>
		  </p>
		  <p>Adjust colors, fonts, and spacing to align with your brand and enhance visual appeal.
		  </p>
		</mj-text>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	</mj-section>
	<mj-section background-color="#f4f4f4">
	  <mj-column>
		<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
		</mj-image>
		<mj-text font-size="14px" align="center">
		  <p>Showcase your best sellers here.
		  </p>
		</mj-text>
		<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
		</mj-button>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	  <mj-column>
		<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
		</mj-image>
		<mj-text font-size="14px" align="center">
		  <p>Showcase your best sellers here.
		  </p>
		</mj-text>
		<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
		</mj-button>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	  <mj-column>
		<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
		</mj-image>
		<mj-text font-size="14px" align="center">
		  <p>Showcase your best sellers here.
		  </p>
		</mj-text>
		<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
		</mj-button>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	</mj-section>
	<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
	  <mj-column>
		<mj-spacer height="40px">
		</mj-spacer>
		<mj-image src="{{ getOverridableUrl('images/placeholder-logo-inverse.png') }}" width="70px" padding-bottom="0px">
		</mj-image>
		<mj-spacer>
		</mj-spacer>
		<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#{{ getTextOnBrandColor() }}">
		  <p>{brand=name}
			<br/>11111 Beautiful City, 1212 Nice Street
			<br/>Brazil
			<br/>
		  </p>
		</mj-text>
		<mj-spacer>
		</mj-spacer>
		<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
		  <p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
		  </p>
		  <p>Want to change how you receive these emails?
		  </p>
		</mj-text>
		<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
		  <p>
			<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span>⁠⁠⁠⁠⁠⁠⁠</span>
		  </p>
		</mj-text>
		<mj-spacer>
		</mj-spacer>
	  </mj-column>
	</mj-section>
  </mj-body>
</mjml>
